<template>
  <div class="home">
    <!-- <input type="text" :value="msg" @input="eit($event)"> -->
    <my-input v-model="msg"></my-input>
    <!-- <my-input :value="msg" @input="eit($event)"></my-input>  -->
    <div>{{msg}}</div>
  </div>
</template>

<script>
// @ is an alias to /src
import myInput from '../components/myInput';
export default {
  name: 'Home',
  components: {
    myInput
  },
  data(){ // 存放变量的
    return {
      msg: ''
    }
  },
  created() { // 声命周期
    
  },
  mounted() { // 也是生命周期的一个
    
  },
  methods: { // 存放方法的
    eit(e){
      this.msg = e.target.value;
    }
  },
  computed: { // 计算属性

  },
  watch: { // 数据监听

  }
}
</script>
